body {
  background: rgb(200, 200, 200);
}

.tr {
  background: #fff;
  height: 5px;
}

.td {
  width: 3px;
}

.color {
  width: 20px;
  height: 20px;
  background: 2;
}

.preset {
  width: 15px;
  height: 15px;
  border: 1px solid black;
  background: #fff;
}

.button {
  border: 1px solid #888;
  text-align: center;
  background: white;
}

#table {
}

#main {
  width: 500px;
  height: 500px;
  background: #ccc;
}

#settings {
  background: #ccc;
  width: 500px;
  height: 300px;
}

#red {
  background: red;
  height: 20px;
  width: 64px;
}

#green {
  background: green;
  height: 20px;
  width: 64px;
}

#blue {
  background: blue;
  height: 20px;
  width: 64px;
}

#exitcolor {
  background: red;
  height: 20px;
  width: 64px;
}

#abs {
position: absolute;
top: 8px;
left: 8px;
width: 500px;
height:500px;
background: #fff;
opacity: 0;
z-index: 5;
}

#ctrlz {
width: 200px;
height: 20px;
}